<link rel="stylesheet" href="{{ url_for('static', filename='css/pages/main.css') }}">
{% extends 'base.html' %}
{% block content %}
<div class="container">
    <h2 class="main-page-title">Open Street Map Page</h2>
    <div class="row justify-content-centre">
        <a href="/osm/map" class="btn btn-primary btn-osm">Открыть</a>
    </div>
    <h2 class="main-page-title">Методы к API компании «История Погоды»</h2>
    <div class="methods-list row">
        {% for method in methods %}
        <div class="col-md-4">
            {% include 'includes/method_card.html' %}
        </div>
        {% endfor %}
    </div>
    <h2 class="main-page-title">OSM Методы</h2>
    <div class="methods-list row">
        {% for method in osm_methods %}
        <div class="col-md-4">
            {% include 'includes/method_card.html' %}
        </div>
        {% endfor %}
    </div>
</div>
{% endblock %}